<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>HELLO</title>
		<script src="lib/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="lib/swiper/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<style type="text/css">
			.swiper-container{
   				 --swiper-theme-color: #ff6600;
   				 --swiper-pagination-color: #00ff33;/* 两种都可以 */
			 }
		</style>
	</head>
	<body>
		<div id="app">
			<div class="top">
				<div class="top_swiper">
					<div class="swiper-container">
					  <div class="swiper-wrapper">
					    <div class="swiper-slide"><img src="http://img2.imgtn.bdimg.com/it/u=1478889692,1943958954&fm=26&gp=0.jpg" ></div>
					    <div class="swiper-slide"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577097795483&di=efc5d9805a724ff5a2d9686f01e1451c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D2447445994%2C2475450270%26fm%3D214%26gp%3D0.jpg" ></div>
					    <div class="swiper-slide"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577114644293&di=649c4a60d066612642137957c31e454a&imgtype=0&src=http%3A%2F%2Fku.90sjimg.com%2Felement_origin_min_pic%2F00%2F85%2F77%2F1956e9e3afe5091.jpg" ></div>
					   <div class="swiper-slide"><img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3944385779,2338323098&fm=26&gp=0.jpg" ></div>
					  </div>
					 <div class="swiper-pagination"></div>
					</div>
				</div>
				<div class="top_price">
					<div>
						<span style="color: red;font-weight: 600;">￥</span>
						<span class="price">0.01</span>
					</div>
				</div>
				<div class="top_info">
					<span>卑微大学生在线接单</span>
				</div>
			</div>
			<div class="mid">
				<div class="title"><span>商品详情</span></div>
				<div class="mid_main">
					<span>主营范围：</span>
					<p>
						<span>1.&nbsp;HTML5+CSS3+JAVASCRIPT静态（动态）页面搭建；</span>
					</p>
					<p>
						<span>2.&nbsp;JavaWeb课程设计（毕业设计）代写代做；</span>
					</p>
					<p>
						<span>3.&nbsp;NodeJS课程设计（毕业设计）代写代做；</span>
					</p>
					<p>
						<span>4.&nbsp;uni-app制作；</span>
					</p>
					<p>
						<span>5.&nbsp;微信小程序制作；</span>
					</p>
					<p>
						<span>6.&nbsp;其他各种小东西（具体可私聊）。</span>
					</p>
					<br>
					<span>补充：</span>
					<p>
						<span>1.&nbsp;可用技术：html、css、javascript、java、mysql、Vue.js、nodejs、python、springBoot、springMVC、spring、mybatis、express、mongoDB等；</span>
					</p>
					<p>
						<span>2.&nbsp;在校大学生团队在线接单挣点小钱，纯人现做，价格优惠；</span>
					</p>
				</div>
			</div>
			<div class="bottom">
				<div class="title"><span>联系方式</span></div>
				<div class="bottom_main">
					<p>
						<span>QQ:1742183536</span>
					</p>
					<p>
						<span>微信:qq1742183536rl</span>
					</p>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var mySwiper = new Swiper('.swiper-container', {
            pagination: {
                    el: '.swiper-pagination',
            },
			autoplay: true,
			loop : true,
		})
	</script>
</html>